<html lang="zh-CN">

<head>
    
    <meta charset="utf-8">
    <title id='title'>成为牛人</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1.0, user-scalable=no">
    <!-- Site CSS -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
    <link href="http://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="http://static.bootcss.com/www/assets/css/site.min.css?v5" rel="stylesheet">
    <style>
    .pagination>li>a, .pagination>li>span {
    
    padding: 6px 9px;
    
}
    .jumbotron
    {
      margin-top: -20px;
      padding-top: 10px;
      padding-bottom:10px;
    }

body { padding-bottom: 100px; }
.table>tbody>tr>td { padding: 6px; border-top: 0}
    </style>
    
  </head>
  <body>

    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header" id='navHead' style="padding-top: 3.5%;" align="left">
            <a href='javascipt:;' style="padding-left: 5px" align="left" onclick='history.back(-1)'><font color="#FFF"><</font></a>
           <font color="#fff" size="3" align="center" id='heading' style="padding-left:30%">个人及话题介绍</font>
          
        </div>
        
      </div>
    </div>

 
<div id='body'>
 <div class = "panel panel-defalut">
   <div class="panel-heading" style="padding-top: 10px;background-color: #f5f5f5;" align="center">
        &nbsp;
    </div>
    <div id = "default" class="container">
    </div>
    <div class="panel-heading" style="padding-top: 30px;background-color: #f5f5f5;" align="center">
        &nbsp;
    </div>
    
   
 </div>
</div>   
  


 <nav class="navbar navbar-default navbar-fixed-bottom" style="border: 0;background-color:#000">
  
    <table class='table' bordercolor= "#000" style="padding 0px;margin-bottom: 0; ">
  <tr  style="padding 0px;">
  
  <td style="padding: 12px"><div align="center"><a href="javascript:;" class="heading-mao" style="color:#9D9D9D" id="next">保存并下一步</a></div></td>
  
  </tr>
  </table>
 
</nav>

   
    
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script src="http://cdn.bootcss.com/unveil/1.3.0/jquery.unveil.min.js"></script>
    <script src="http://cdn.bootcss.com/scrollup/2.4.0/jquery.scrollUp.min.js"></script>
    <script src="http://cdn.bootcss.com/toc/0.3.2/toc.min.js"></script>
    <script src="http://cdn.bootcss.com/jquery.matchHeight/0.5.2/jquery.matchHeight-min.js"></script>
    <script src="http://static.bootcss.com/www/assets/js/site.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        
        $.post('http://liveser.cn/new/benew/state1',
        {
          data : 1
        },
        function(data,status)
        {
          json1=eval("("+data+")");
          for(var i =0;i<json1.length;i++)
          {
            //alert(json1[i].heading);
            $('#default').append('<a href="http://liveser.cn/new/benew/state1/detail/1" role="button"><div class="jumbotron"> <h1>'+json1[i].heading+'</h1><p>'+json1[i].intro+'</p><p><span class="btn btn-primary btn-lg" href="http://liveser.cn/" role="button">详情</span></p></div></a>')
          }
          $('#default').append('<div class="jumbotron"><h1>+</h1></div>');
        });
      });


      
        
    </script>
      


</body></html>